<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>年会抽奖</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="yes" name="apple-touch-fullscreen"/>
    <meta content="telephone=no,email=no" name="format-detection"/>
    <meta content="maximum-dpr=2" name="flexible"/>
    <link rel="stylesheet" href="./css/flexible.css">
    <script src="./js/flexible.js"></script>
    <link rel="stylesheet" href="css/lottery2.css">
</head>
<body>

    <!-- 标题 -->
    <h1 class="lottery-title">
        <img src="" alt="">
    </h1>
    <!-- 标题结束 -->

    <!-- 选项卡 -->
    <div class="lottery-tabs">
        <!-- 选项卡标题  -->
        <div class="lottery-tabs-nav">

                <div class="special on">
                    <p>
                        特等奖
                    </p>
                </div>
                <div class="first">
                    <p>
                        一等奖
                    </p>
                </div>
                <div class="second">
                    <p>
                        二等奖
                    </p>
                </div>
                <div class="third">
                    <p>
                        三等奖
                    </p>
                </div>
                <div class="fourth">
                    <p>
                        四等奖
                    </p>
                </div>
                <div class="fifth">
                    <p>
                        五等奖
                    </p>
                </div>


        </div>
        <!-- 选项卡标题结束  -->
        <!-- 选项卡内容 -->
        <div class="lottery-tabs-content">
            <!-- 奖品图片 -->
            <div class="prize-pic">
                <img src="" alt="">
            </div>
            <!-- 参与抽奖人员头像 -->
            <ul class="reward-people">
                <!-- 特等奖 -->
                <li class="reward-people-li show">
                    <!-- 奖品图片展示 -->
                    <div class="reward-img">
                        <img src="./images/phone.png" alt="">
                    </div>
                    <!-- 中奖人数 1 人 -->
                    <div class="reward-profile">
                        <div class="reward-profile-mask clear-margin">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                                <li>
                                    <img src="./images/test_staff.jpeg" alt="">
                                </li>
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                                <li>
                                    <img src="./images/test_staff.jpeg" alt="">
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 点击开始按钮 -->
                    <div class="lottery-btn">
                        <p>
                            开始
                        </p>
                    </div>
                    <!-- 点击开始按钮结束 -->

                </li>
                <!-- 一等奖 -->
                <li class="reward-people-li">
                    <!-- 奖品图片展示 -->
                    <div class="reward-img">
                        <img src="./images/phone.png" alt="">
                    </div>
                    <!-- 中奖人数 1 人 -->
                    <div class="reward-profile">
                        <div class="reward-profile-mask clear-margin">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                                <li>
                                    <img src="./images/test_staff.jpeg" alt="">
                                </li>
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                                <li>
                                    <img src="./images/test_staff.jpeg" alt="">
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 点击开始按钮 -->
                    <div class="lottery-btn">
                        <p>
                            开始
                        </p>
                    </div>
                    <!-- 点击开始按钮结束 -->
                </li>
                <!-- 二等奖 -->
                <li class="reward-people-li">
                    <!-- 奖品图片展示 -->
                    <div class="reward-img">
                        <img src="./images/phone.png" alt="">
                    </div>
                    <!-- 中奖人数 2 人 -->
                    <div class="reward-profile">
                        <div class="reward-profile-mask">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="reward-profile-mask clear-margin">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 点击开始按钮 -->
                    <div class="lottery-btn">
                        <p>
                            开始
                        </p>
                    </div>
                    <!-- 点击开始按钮结束 -->
                </li>
                <!-- 三等奖 -->
                <li class="reward-people-li">
                    <!-- 奖品图片展示 -->
                    <div class="reward-img">
                        <img src="./images/phone.png" alt="">
                    </div>
                    <!-- 中奖人数 3 人 -->
                    <div class="reward-profile">
                        <div class="reward-profile-mask">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="reward-profile-mask">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="reward-profile-mask clear-margin">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 点击开始按钮 -->
                    <div class="lottery-btn">
                        <p>
                            开始
                        </p>
                    </div>
                    <!-- 点击开始按钮结束 -->
                </li>
                <!-- 四等奖 -->
                <li class="reward-people-li">
                    <!-- 奖品图片展示 -->
                    <div class="reward-img">
                        <img src="./images/phone.png" alt="">
                    </div>
                    <!-- 中奖人数 4 人 -->
                    <div class="reward-profile">
                        <div class="reward-profile-mask">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="reward-profile-mask">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="reward-profile-mask">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="reward-profile-mask clear-margin">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 点击开始按钮 -->
                    <div class="lottery-btn">
                        <p>
                            开始
                        </p>
                    </div>
                    <!-- 点击开始按钮结束 -->
                </li>
                <!-- 五等奖 -->
                <li class="reward-people-li">
                    <!-- 奖品图片展示 -->
                    <div class="reward-img">
                        <img src="./images/phone.png" alt="">
                    </div>
                    <!-- 中奖人数 5 人 -->
                    <div class="reward-profile">
                        <div class="reward-profile-mask">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">

                                </li>
                            </ul>
                        </div>
                        <div class="reward-profile-mask">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="reward-profile-mask">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="reward-profile-mask">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                        <div class="reward-profile-mask clear-margin">
                            <ul class="reward-profile-ul">
                                <li>
                                    <img src="./images/reward_question.png" alt="">
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 点击开始按钮 -->
                    <div class="lottery-btn">
                        <p>
                            开始
                        </p>
                    </div>
                    <!-- 点击开始按钮结束 -->
                </li>
            </ul>
        </div>
        <!-- 选项卡内容结束 -->
    </div>

    <!-- 选项卡结束 -->





<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="./js/lottery.js"></script>
</body>
</html>



